﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
width:1000,960
2010-07-21: Bruce remove "text-align: center;"
2010-07-31: Bruce set font-family: "微软雅黑","宋体","Lucida Grande",Helvetica,Arial,sans-serif;
----------------------------------------------------------*/

html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th  {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body { color: black;background: #e6e6e6; font-family:Helvetica,Arial,sans-serif; font-size: 12px;}
html, body {height: 100%;} 

h1,h2,h3,h4,h5,h6 {font-family: "微软雅黑","宋体","Lucida Grande",Helvetica,Arial,sans-serif; font-weight: normal; color: #000}
h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em}
h2 {font-size: 30px; line-height: 57px}
h3 {font-size: 22px; line-height: 47px}
h4 {font-size: 18px; line-height: 34px}
h5 {font-size: 14px; line-height: 24px; font-weight: bold}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0} 

tfoot {font-style: italic} 
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""} 
p {line-height: 140%; margin: 0 0 1.5em}
p img.left {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em}
a:hover {text-decoration: underline}
a {color: #007cbd; text-decoration: none}
blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
del {color:#666}
pre {margin: 1.5em 0; white-space: pre}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
hr {clear: both; margin: 30px 3%; height: 1px; background: transparent; border:0; border-top: solid 2px #e6e6e6}
hr.lite {margin: 10px 3%; border-top: solid 1px #e6e6e6}
hr.top-seperator {margin: 0 0 10px 0; border-top: 2px solid #CECECE } 
 
 .small, small {font-size: .8em}
.large {font-size: 1.1em; line-height: 175%}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.help {color: #666; font-style: italic}
.first {margin-left:0; padding-left:0}
.last {margin-right:0; padding-right:0}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
.float-container {overflow: auto}
.clear {clear: both}
.float-left {float: left}
.float-right {float: right}
.align-left {text-align: left}
.align-right {text-align: right}
.align-center {text-align: center}
 hr.clearer {height: 0; border: 0; clear: both;} 
 /*alert*/
 .alert {position: fixed; z-index: 9000; top: 0; left: 0; margin: 0 auto 0 auto; width: 100%; text-align: center; border-bottom: solid 3px; opacity: .95; -moz-opacity: .95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95)}
* html .alert {position: absolute;  }
.alert p {margin-bottom: 0; opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100)}
#notice {background-color: #dfd; border-color: #9fb69e}
#notice p {color: #111}
#error {background-color: #fcc; border-color: #be9a99}
#error p, .errorExplanation {color: #111}
.alert p, .errorExplanation {width: auto; padding: 15px; font-size: 16px;  }

.tip {margin: 6px 0; padding: 5px; font-size: 10px; line-height: 14px; border: 1px solid #ccc; background: #fcfecc}
.icon {display: inline-block; zoom: 1; display: inline; margin: .5em 1em; padding: 3px 0 0 20px; line-height: 16px; vertical-align: middle; background: no-repeat left center}
a.icon {font-weight: bold; color: #475b72}
a.icon:hover {color: #475b72; text-decoration: underline}
.images {background-image: url(images/icons/images.png)}
.tools {background-image: url(images/icons/wrench_orange.png)}
.video {background-image: url(images/icons/film.png)}
.phone {background-image: url(images/icons/phone.png)}
.lock {background-image: url(images/icons/lock.png); _background-image: url(images/icons/lock.gif)}
.logo {background-image: url(images/icons/favicon.png)} 
.large-action-btn-arrow-left, .large-action-btn-arrow-left span {background-image:url("/images/buttons/large_action_btn_arrow_left.gif"); font-weight:bold; height:31px; line-height:31px}
.large-action-btn-arrow-left span {margin-right:12px; padding-left:20px}
.back-to-network-btn {margin:0 auto; padding: 20px 0 0 0 !important; width:1000px; text-align: left}
.back-to-network-btn a {color: #FFFFFF} 

/*form*/ 
form input {margin-left: 0; margin-top: 0; padding-right: 20px; width: 200px; }
form select {height: 20px}
form label.primary {display: block; font-size: 1.35em; font-weight: bold}
form input.primary {width: 320px; border: solid 1px #ccc; border-color: #999 #eee #eee #999; padding: 3px 0px 0px 0px;  font-size: 1.9em}
form input.checkbox, form input.radio {width: 13px !important; height: 13px !important; margin: 2px 0 1px 0}
form input.submit {display: block; margin: 18px 0 0 140px}
form.no-style input.submit {display: block; margin: 18px 0 0 140px}
form input.button {display: inline}
form input.short, form select.short {width: 3em}
form input.medium, form select.medium {width: 10em}
form em.note {line-height: 12px; font-size: 11px; color: #666}
fieldset legend {display: none}
form p {clear: both; overflow: hidden; padding-left: 10px}
form p label {display: block; font-weight: bold}
form p label.checkbox-label {display: inline-block; margin-left: 5px; margin-top: 1px;   font-weight: normal}
form p input {display: block; float: left}
form p span.file-input-wrapper {display: block}
form p .file-input {float: none; border: inherit; width: inherit; padding: inherit}
input[type=text], input[type=password], select {border: solid 1px #b3b7ba;  }
input[type=text], input[type=password] {height: 14px; padding: 4px 20px 4px 2px}
select {height: 22px}
input.checkbox {border: none}
  
 div.action-buttons {clear: both; line-height: 30px}
.btn {display: -moz-inline-stack;  display: inline-block; overflow: hidden; background-position: right top; background-repeat: no-repeat; vertical-align: middle; cursor: pointer; zoom: 1}
.btn span {position: relative; display: block; _display: inline; overflow: hidden;     background-position: 0 -45px; background-repeat: no-repeat; vertical-align: baseline; white-space: nowrap; zoom: 1}
.btn span img {position: relative; float: left; padding: 5px 5px 0 0; vertical-align: middle; background: none}
 .btn input {position: absolute; top: 0; width: 1000px; height: 1000px; font-size: 100px; padding: 100px; background: white; left: 0px; top: -100px; cursor: pointer; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0}
.btn:hover, .btn-hover {background-position: right -90px; text-decoration: none;}
.btn:hover span, .btn-hover span {background-position: 0 -135px}
.btn:active, .btn-active {background-position: right -180px; text-decoration: none;}
.btn:active span, .btn-active span {background-position: 0 -225px}
.btn-disabled, .btn-disabled:hover, .btn-disabled:active {background-position: right -270px; text-decoration: none; cursor: default; font-style: italic;}
.btn-disabled span, .btn-disabled:hover span, .btn-disabled:active span {background-position: 0 -315px}
.btn-disabled img {margin-top: -45px}
.btn-disabled input {display: none}
.giant-action-btn {background-image: url(images/buttons/giant_action_btn.gif); font-weight: bold}
.giant-action-btn em {font-style: normal}
.large-action-btn {background-image: url(images/buttons/large_action_btn.gif); font-weight: bold}
.large-action-btn span {margin-right: 10px; padding-left: 10px; background-image: url(images/buttons/large_action_btn.gif); height: 31px; line-height: 31px; color: #fff; font-size: 12px}
.large-action-btn em {font-style: normal}
.small-action-button {background-image: url(images/buttons/small_action_btn.gif); font-weight: bold}
.small-action-button span {padding-left: 10px; margin-right: 10px; height: 23px; line-height:23px; background-image: url(images/buttons/small_action_btn.gif); color: #fff; font-size: 11px}
.small-alt-button {background-image: url(images/buttons/small_alt_btn.gif); font-weight: bold}
.small-alt-button span {margin-right: 10px; padding-left: 10px; height: 23px; line-height: 23px; background-image: url(images/buttons/small_alt_btn.gif); color: #5d5d5d; font-size: 11px}
span.action-seperator {padding: 0 5px}
#header-wrapper { padding: 0px 20px 0px 20px; min-height: 33px; _height: 33px; background: url(images/site/header_bg.png) repeat-x top left}
#site-header {position: relative;  height: 33px; line-height: 33px; margin: 0 auto; z-index:1000}
#site-header #logo {display: block; float: left; margin: 13px 0 0 0; height: 24px; text-decoration:none;}
#site-header #logo img { height:40px;}
.content-wrapper {position: relative;  margin: 20px auto 0 auto; padding: 20px; border: solid 1px #ccc; text-align: left;  background-color: #fff; -moz-border-radius: 9px; -webkit-border-radius: 9px}
.content-wrapper h2 {line-height: 30px; margin-bottom: 20px}
ul#sales-button {position: absolute; right: 45px; top: 20px; list-style: none; margin-right: 0px; z-index: 15}
ul#sales-button li {float:right}
hr.top-seperator {clear: both}
 ul#secondary-nav {overflow: auto; clear: both; margin-bottom: 20px; padding-top: 0; font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-weight: bold; color: #333}
ul#secondary-nav li {display: block; float: left; line-height: 28px; padding:0; background-color: #EDF4FF; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;  }
ul#secondary-nav li:hover {background-color: #E0ECFF}
ul#secondary-nav li a {display: block; color: #007CBD; line-height: 28px; padding: 0 15px}
ul#secondary-nav li.selected {background-color: #fff; padding: 0 15px;  }
h3 {clear: both}
#footer {margin: 0 auto 15px auto; width: 1000px; overflow: hidden; height:45px;}
#footer ul li, #footer ul li a {line-height: 100%; color: #999}
#footer #footer-nav-wrapper {overflow: hidden; }
#footer #footer-nav {float: right; height: auto; margin-top: 17px !important}
#footer #footer-nav, #footer #copyright-menu {margin: 18px 0 14px 0}
#footer li {border: none}
#footer #copyright-menu {float: left}
 div.content h4 {line-height: 1em; margin-bottom: .75em}
div.content img {padding: 10px}
div.content img.float-left {padding-top: 0; padding-left: 0}
div.content img.float-right {padding-top: 0; padding-right: 0}

ul#public-nav {float: right; margin: 2px 0 -2px 0}
ul#public-nav li {border: none}
#public-nav a {color: #fff; font-weight: bold}
 ul.horz-menu {margin: 0; list-style: none; font-size: 14px;}
ul.horz-menu li {display: inline; margin-bottom: 0; padding: 0 1em; border-left: solid 1px}
ul.horz-menu li.first {border-left: none}
ul.horz-menu li.selected {border-bottom-color: #fff; background-color:#fff; font-weight: bold}
 ul.navigation {list-style: none}
 div.content.first {clear: both; margin-left: 0}
 div.tabs {margin-bottom: 10px; border-bottom: solid 1px #ccc}
div.tabs ul {overflow: auto; margin-bottom: -1px; padding: 20px 15px 0 15px; list-style: none; color: #000}
div.tabs li {display: block; float: left; margin-right: 3px; margin-bottom: 0; padding: 0 8px; line-height: 23px; border: solid 1px #ccc; background-color: #ddd}
div.tabs li.selected {border-bottom-color: #fff; background-color:#fff; font-weight: bold}
div.tabs li a {color: #000}

.secondary-nav .selected {border-bottom: none}
.content-wrapper .tabs {border-bottom: none; background: url(images/site/tab_bottom.gif) repeat-x 0px 100%}
.content-wrapper .tabs li{ margin-right: 5px}
 
/*-----------------------------------------------------------*/
/*loading*/
#status{position:absolute;bottom:25px;z-index:5000;width:350px;margin:0 -465px 0 0;right:50%;border-bottom:none;}
#status[id]{position:fixed !important;}
#status #loading{position:relative;border:1px solid #E52E0B;border-right:1px solid #AB2A13;border-bottom:1px solid #AB2A13;
           background:#CA2B0B url(images/site/loader.gif) no-repeat 8px center;-webkit-box-shadow:rgba(0,0,0,.40) 0px 1px 5px;
           -moz-box-shadow:rgba(0,0,0,.40) 0px 1px 5px ;-webkit-border-radius:15px;-moz-border-radius:15px;}
#statusText{text-align:left;padding:0 15px 0 35px;line-height:32px;color:#FFFFCC;}
.loading{display:block;line-height:20px;padding:3px 0 0 20px;font-weight:bold;color:#999;font-size:14px;background:url(images/site/loader.gif) no-repeat 0px center;}

/*validation*/
label.error{display: none;background: url(images/icons/unchecked.gif) no-repeat;padding-left: 16px;margin-left: .3em;color: red;}
label.valid{background: url(images/icons/checked.gif) no-repeat;display: block;width: 16px;height: 16px;}
 
/*toolbar*/
div.fbutton .add{background: url(images/site/add.png) no-repeat center left;padding-left: 20px;}
div.fbutton .delete{background: url(images/site/close.png) no-repeat center left;padding-left: 20px;}
div.fbutton .refresh{background: url(images/site/refresh.png) no-repeat center left;padding-left: 20px;}
.search{cursor: pointer;background: url(images/site/search.png) no-repeat center left;padding-left: 20px;width:20px;}
.rss{background:url(images/site/feed.png) no-repeat center left;padding-left: 20px;}
.root{background:url(images/icons/root.png) no-repeat center left;padding-left: 20px;}
.folder{background:url(images/icons/folder.gif) no-repeat center left;padding-left: 20px;}
.file{background:url(images/icons/file.png) no-repeat center left;padding-left: 20px; }
.arrow_right{background:url(images/site/control_arrow_right.gif) no-repeat center left;padding-left: 15px; }
 
 /*前十名排行*/
.box { text-align:left; position:relative; width:350px;padding:0px 0px 0px 0px;  clear:both; }
.box .box-caption { text-align:center; background:#5c87b2 url(images/site/sprite.png) no-repeat; overflow:hidden; font-size:15px; font-weight:bolder;line-height:28px;  color:#193B5F; padding:1px 11px 0px 11px; }
.box .box-body { border:1px solid #CCDFF2; /*border-top:none; */background:#fff; zoom:1; overflow:hidden; }

.box .box-list { padding:5px 10px; line-height:16px; }
.box .box-list li { height:16px; position:relative; overflow:hidden; padding:3px 32px 0 16px; margin-bottom:3px; }
.box .box-list em { position:absolute; top:3px; left:0; font-size:10px; font-style:normal; }
.box .box-list .top em { color:#FF5B01; }
.box .box-list span { color:#939393; white-space:nowrap; zoom:1; }
.box .box-list li a { zoom:1; }
.box .box-list li a.title {width:300px;}
.box .box-list li a.edit { display:-moz-inline-box; display:inline-block; vertical-align:middle; background:url(images/icons/file.png) no-repeat; top:3px; width:16px; height:16px; }
.box .box-list .score { position:absolute; top:3px; right:0; color:#FF5B01; font-size:10px; font-weight:bold; }
.box .box-list .score strong { font-size:12px; }
.box .box-list .lj { color:#FF5B01; position:absolute; top:0; right:0; white-space:nowrap; text-align:right; }